page{
  background-color: rgb(244, 246, 250);
}
.unplonePrice {
  padding: 73rpx 32rpx 200rpx;
}

.information {
  display: flex;
  padding: 28rpx 0;
  box-sizing: border-box;
  border-bottom: 2rpx solid rgba(14, 1, 1,.15);
  image {
    width: 222rpx;
    height: 222rpx;
    border-radius: 22rpx
  }

  .information-content {
    margin-left: 36rpx;

    .adress {
      font-size: 36rpx;
      font-weight: bolder;
    }

    .content-item {
      margin-top: 20rpx;
      display: flex;
      font-size: 28rpx;

      & view:nth-of-type(1) {
        // flex: 1;
        width: 112rpx;
        color: #858585;
      }

      & view:nth-of-type(2) {
        margin-left: 36rpx;
      }

      .redSize {
        color: #D6000F;
      }
    }
  }

}

.unplone {
  margin-top: 66rpx;
  // padding: 0 32rpx;
  // padding-bottom: 110rpx;

  .title {
    font-size: 36rpx;
    font-weight: bolder;
    color: #000000;
  }




  .drawing {
    margin-top: 20rpx;
    width: 686rpx;
    height: 420rpx;
    border-radius: 32rpx;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px dashed rgba(19, 1, 1,.5);
    font-size: 32rpx;
    font-weight: bolder;

    image {
      width: 120rpx;
      height: 120rpx;
    }
  }

  .drawingUnplone {
    display: flex;
    flex-wrap: wrap;
    .imageList{
      position: relative;
      flex-shrink: 0;
      margin-right: 13rpx;
      margin-top: 20rpx;
      width: 220rpx;
      height: 220rpx;
      border-radius: 7rpx;
      margin-bottom: 14rpx;
      &:nth-of-type(3n-3) {
        margin-right: 0rpx;
      }

    }
    .del{
      position: absolute;
      right: 0;
      top: 0;
      width: 40rpx !important;
      height: 40rpx !important;
    }
    image {
      width: 220rpx;
      height: 220rpx;
border-radius: 22rpx;
    
    }
  }
}

.btnUnplone {
  position: fixed;
  width: 750rpx;
  height: 196rpx;
  background: #FFFFFF;
  box-shadow: 0rpx 8rpx 48rpx 0rpx rgba(1, 7, 19, 0.15);
  border-top-left-radius: 32rpx;
  border-top-right-radius: 32rpx;
  bottom: 0;
  left: 0;
  z-index: 10;
  box-sizing: border-box;
  .btn{
    margin: 0 auto;
    margin-top: 24rpx;
    width: 686rpx;
height: 88rpx;
background: #D6000F;
border-radius: 44rpx;
text-align: center;
line-height: 88rpx;
font-size: 32rpx;
font-weight: bold;
color: #FFFFFF;
  }
}


.unplonetext {
  margin-top: 56rpx;
  // padding: 0 32rpx;
  padding-bottom: 110rpx;

  .title {
    font-size: 36rpx;
    font-weight: bolder;
    color: #000000;
  }



  .textarea{
    width: 686rpx;
  height: 234rpx;
  border-radius: 32rpx;
  border: 1rpx dashed rgba(14, 1, 1,.5);
  display: flex;
  margin-top: 32rpx;
  
  textarea{
  flex: 1;
  height: 234rpx;
  padding: 18rpx;
  box-sizing: border-box;
  font-size: 28rpx;
  }
  image{
  width: 32rpx;
  height: 32rpx;
  margin-top: 18rpx;
  margin-left: 15rpx;
  }
  }
}




.successMask {
    background: rgba(0, 0, 0,.8);
    position: fixed;
    left: 0;
    top: 0;
    width: 750rpx;
    height: 100vh;
    z-index: 700;
    display: flex;
    justify-content: center;
    align-items: center;
z-index: 100;
    .successContent {
        width: 654rpx;
        height: 764rpx;
        background: #FFFFFF;
        border-radius: 32rpx;
        padding: 112rpx 0 73rpx 0;
        box-sizing: border-box;

        image {
            width: 364rpx;
            height: 303rpx;
            display: block;
            margin: 0 auto;
        }

        .text {
            margin-top: 60rpx;
            font-weight: bolder;
            font-size: 48rpx;
            text-align: center;
            margin-bottom: 78rpx;
        }

        .btn {

            width: 590rpx;
            height: 80rpx;
            background: #D6000F;
            border-radius: 44rpx;
            font-size: 32rpx;
            font-weight: bolder;
            color: #FFFFFF;
            line-height: 80rpx;
            text-align: center;
            margin: 0 auto;
        }
    }
}
.delmask{
  width: 80rpx;
  height: 80rpx;
  display: block;
  margin: 40rpx auto;
}